:host {
    flex: 1;
}

.song-table {
    width: 100%;
}

.mat-table {
    background: none;
}

.outer-container {
    height: 100%;

    ::ng-deepcdk-virtual-scroll-viewport {
        height: 100%;
    }

    ::ng-deep.cdk-virtual-scroll-content-wrapper {
        min-width: unset !important;
        padding: 10px;
        width: calc(100% - 20px);
    }

    animation: fadein 0.7s;

    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
}

.song-row {
    &:hover {
        background-color: rgba(255, 255, 255, 0.04);
    }
}

.spinner {
    position: absolute;
    top: calc( 50% - 50px );
    left: calc( 50% - 50px );
}